$color:#f4f006;
$bg:#ECF2FF;
page{
  background-color:$bg;
}

.me-header{
  background-color: #fff;
  width: 540rpx;
  margin: 240rpx auto 0;
  padding:40rpx 60rpx;
  border-radius: 30rpx;
  position: relative;
  min-height: 100rpx;
  .avatart{
    width: 180rpx;
    height: 180rpx;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -90rpx;
    left: calc(50% - 90rpx);
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(  #FFE485, #FFFDF8);
    image{
      width: 180rpx;
      height: 180rpx;
    }

  }
    .logout{
      position: absolute;
      right:0;
      top: 0;
      color: #999;
      font-size: 26rpx;
      padding: 38rpx;
      .iconfont{
        font-size: 26rpx;
      }
    }
    .info{
      padding-top: 70rpx;
      text-align: center;
      font-size: 30rpx;
      color: #666;
    }
    .name{
     font-size: 36rpx;
     font-weight: bold;
     margin: 10rpx 0;
     color: #111;
    }
}
.me-list{
  background-color: #fff;
  width: 640rpx;
  margin: 40rpx auto 0;
  padding:20rpx 0;
  border-radius: 30rpx;
  position: relative;

}
